.theme{
  position: relative;
  left: 40px;
  top: 55px; 
  color: grey;
  font-style: italic;
  font-size: 35px;
}

.current-area{
  position: relative;
  left: 520px;
}

.type {
  position: relative;
  width:670px;
  top:60px;
  left: 40px;
  border-bottom: 2px solid #b2b2b2;
  text-align: center;
}

.type-item {
  width: 15%;
  display: inline-block;
  font-size: 12pt;
  color: #0782bb;
  text-align: center;
}

.city{
  position: relative;
  left: 40px;
  width: 670px;
  top:30px;
  color: #0782bb;
  bottom: 40px;
  background: rgb(238, 238, 238);
  /* text-align: center; */
  align-items: center;
  text-align: left;
} 

.city-item {
  /* width: 15%; */
  display: inline-block;
  /* background: rgb(238, 238, 238); */
  /* border-top: solid 10rpx white; 
  border-bottom: solid 10rpx white;  */
  overflow: scroll;
  text-overflow: clip;
  white-space: nowrap;
  padding: 10px 5px 10px 15px;
}

.type_is_on {
  color:black;
  border-bottom: 5px solid black;
}

.city_is_on {
  color:black;
}

.ec-border{
  position: relative;
  top: 70px;
  /* right:40rpx; */
  /* width: 120% */
  z-index:2
}
ec-canvas {
  width: 100%;
  /* position: absolute; */
  height: 100%;
  z-index:2
}

.data{
  position: relative;
  /* top: 20rpx; */
  bottom: 10px;
  text-align: center;
}

.data-word{
  position: relative;
  color: gray
}

.data-details{
  left: 50px;
  top: 590px;
  width: 600px;
  height: 340px;
  border: 8px solid #b2b2b2;
}

.table-border{
  position: relative;
  top: 10px;
  left: 60px;
  width: 630px;
  height: 350px;
  justify-content: center;
  /* border: 1px solid #b2b2b2; */
  /* display: flex; */
} 

.table-title {
  display: flex;
  width: 100%;
  justify-content: center;
  /* height: 37rpx; */
  align-items: center;
  background: rgb(238, 238, 238);
}

.table-detail{
  display: flex;
  width: 100%;
  justify-content: center;
  /* height: 37rpx; */
  align-items: center;
  background: rgb(253, 252, 252);
}

.table-data {
  width: 40%;
  justify-content: center;
  border: solid 0px rgb(214, 205, 205);
  color: black;
  display: flex;
  height: 50px;
  align-items: center;
}

.table-middle_data{
  width: 40%;
  justify-content: center;
  border-top: solid 0px rgb(214, 205, 205);
  border-bottom: solid 0px rgb(214, 205, 205);
  color: black;
  display: flex;
  height: 50px;
  align-items: center;
}
.is_increase{
  color:#ffb72c
}

.data-origin{
  position: relative;
  /* left: 200rpx; */
  top:15px;
  font-size: 30px;
  color:rgb(153, 152, 152);
  padding: 0 0 40px 0;
}
